body {
	flex-direction: column;
	main {
		flex-grow: 1;
		overflow: auto;
	}
	#video {
		width: 100%;
		height: 16.19rem;
		// background-color: #000;
		padding: 1rem;
		img {
			width: 100%;
			height: 100%;
			border-radius: 10px;
		}
		span {
			color: #fff;
		}
		p {
			z-index: 1;
			text-align: center;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			span {
				display: block;
			}
		}
		.icon-continue {
			font-size: 54px;
			font-weight: bolder;
		}
	}

	#introduce {
		padding: 1rem;
		#i1 {
			height: 6rem;
			margin-bottom: 1rem;

			div {
				justify-content: space-between;
				align-items: baseline;
				margin-top: 1rem;
				& > p {
					align-items: baseline;
					span {
						display: inline-block;
						margin-right: 10px;
					}
					.bigger {
						font-size: 25px;
					}
				}
			}
		}
		#i2 {
			height: 8rem;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 1rem;
			& > div {
				align-items: center;
				p {
					span {
						display: block;
						margin-top: 1rem;
					}
				}
			}
			#head {
				// display: inline-block;
				margin-right: 1rem;
				width: 5rem;
				height: 5rem;
				border-radius: 50%;
			}
			button {
				border-radius: 10px;
				height: 2.19rem;
				width: 6rem;
				text-align: center;
				line-height: 2.19rem;
			}
		}
		#i3 {
			height: 3.13rem;
			margin-bottom: 1rem;
			span {
				font-weight: bold;
			}
		}
		#i4 {
			height: 4rem;
			justify-content: space-between;
			p {
				flex-direction: column;
				.small {
					font-size: 10px;
					margin-top: 1rem;
					padding-left: 1rem;
				}
			}
		}
		& > p {
			text-align: center;
			button {
				width: 21.88rem;
				height: 3.44rem;
				text-align: center;
				border-radius: 10px;
				line-height: 3.44rem;
				color: #fff;
				background-color: #4294ff;
			}
		}
	}
}
